<template>
    <div>
        <!-- :header-cell-style="{background:'#b4ddf9',color:'#111111'}" -->
        <!-- @cell-mouse-enter="mouseEnter" @cell-mouse-leave="mouseLeave" table表格移入出-->
        <el-table :data="tableData" @sort-change="sortChange" border style="width: 100%" v-loading="loading"
            @cell-dblclick="celldblclick" @selection-change="handleSelectionChange" :height="tableHeight" ref="reftable"
            @row-contextmenu="rowcontextmenu">
            <el-table-column type="selection" width="50" align="center" header-align="center" v-if="isSelection"
                fixed="left">
            </el-table-column>
            <!-- start  文件收集项目下修改卷  列表加修改 -->
            <el-table-column v-if="isProjectJuanList" label="操作" align="center" class-name="small-padding fixed-width"
                fixed="left">
                <template slot-scope="scope">
                    <!-- <el-button type="text" icon="el-icon-edit" @click="handleProjectJuanDeit(scope.row)">修改</el-button> -->
                    <el-tooltip class="item" effect="dark" content="修改" placement="bottom-start">
                        <el-button type="success" icon="el-icon-edit" plain circle size="small"
                            @click="handleProjectJuanDeit(scope.row)"></el-button>
                    </el-tooltip>
                </template>
            </el-table-column>
            <!-- end  文件收集项目下修改卷  列表加修改 -->
            <!-- start 开放档案初审页面列表展示数据 -->
            <el-table-column type="selection" width="50" align="center" header-align="center" v-if="isChuSHen"
                :selectable='checkboxTchu' fixed="left">
            </el-table-column>
            <!-- end  开放档案初审页面列表展示数据 -->

            <!-- start 开放档案审定操作 -->
            <el-table-column v-if="isShending" label="操作" align="center" class-name="small-padding fixed-width" fixed="left"
                width="200">
                <template slot-scope="scope">
                    <el-button type="text" icon="el-icon-tickets" @click="handleQuery(scope.row)">查看</el-button>
                    <el-button type="text" icon="el-icon-document" @click="handleSDJGDeit(scope.row)">调整审定结果</el-button>
                </template>
            </el-table-column>
            <!-- end  开放档案审定操作 -->

            <!-- start 开放档案复审页面列表展示数据-->
            <el-table-column type="selection" width="50" align="center" header-align="center" v-if="isFuSHen"
                :selectable='checkboxTfu' fixed="left">
            </el-table-column>
            <!-- end 开放档案复审页面列表展示数据 -->
            <el-table-column type="index" label="序号" width="50" align="center" header-align="center" fixed="left">

            </el-table-column>

            <!-- start 待归档案卷层双击后修改件 -->
            <el-table-column v-if="isDgdUpdate" label="操作" align="center" class-name="small-padding fixed-width"
                fixed="left">
                <template slot-scope="scope">
                    <el-tooltip v-if="subString == 'F'" class="item" effect="dark" content="修改" placement="bottom-start">
                        <el-button type="success" icon="el-icon-edit" plain circle v-hasPermi="['archive:dgd:updateYqda']"
                            size="small" @click="handleDgdDeit(scope.row, 0)"></el-button>
                    </el-tooltip>
                    <el-tooltip v-if="subString == 'V'" class="item" effect="dark" content="修改" placement="bottom-start">
                        <el-button type="success" icon="el-icon-edit" plain circle v-hasPermi="['archive:dgd:updateFolder']"
                            size="small" @click="handleDgdDeit(scope.row, 1)"></el-button>
                    </el-tooltip>
                </template>
            </el-table-column>
            <!-- end 待归档案卷层双击后修改件 -->

            <!-- start 离线收集双击后修改 -->
            <el-table-column v-if="isLxjsUpdate" label="操作" align="center" class-name="small-padding fixed-width"
                fixed="left">
                <template slot-scope="scope">
                    <el-tooltip v-if="subString == 'F'" class="item" effect="dark" content="修改" placement="bottom-start">
                        <el-button type="success" icon="el-icon-edit" plain circle v-hasPermi="['archive:lxjs:updateYqda']"
                            size="small" @click="handleLxjsDeit(scope.row, 0)"></el-button>
                    </el-tooltip>
                    <el-tooltip v-if="subString == 'V'" class="item" effect="dark" content="修改" placement="bottom-start">
                        <el-button type="success" icon="el-icon-edit" plain circle
                            v-hasPermi="['archive:lxjs:updateFolder']" size="small"
                            @click="handleLxjsDeit(scope.row, 1)"></el-button>
                    </el-tooltip>
                </template>
            </el-table-column>
            <!-- end 离线收集双击后修改 -->

            <!-- start 文件整理双击后修改 -->
            <el-table-column v-if="isWjzlUpdate" label="操作" align="center" class-name="small-padding fixed-width"
                fixed="left">
                <template slot-scope="scope">
                    <el-tooltip v-if="subString == 'F'" class="item" effect="dark" content="修改" placement="bottom-start">
                        <el-button type="success" icon="el-icon-edit" plain circle v-hasPermi="['archive:lxjs:updateYqda1']"
                            size="small" @click="handleWjzlDeit(scope.row, 0)"></el-button>
                    </el-tooltip>
                    <el-tooltip v-if="subString == 'V'" class="item" effect="dark" content="修改" placement="bottom-start">
                        <el-button type="success" icon="el-icon-edit" plain circle
                            v-hasPermi="['archive:lxjs:updateFolder2']" size="small"
                            @click="handleWjzlDeit(scope.row, 1)"></el-button>
                    </el-tooltip>
                </template>
            </el-table-column>
            <!-- end 文件整理双击后修改 -->

            <!-- start 档案征集双击后修改 -->
            <el-table-column v-if="isDazjUpdate" label="操作" align="center" class-name="small-padding fixed-width"
                fixed="left">
                <template slot-scope="scope">
                    <el-tooltip v-if="subString == 'F'" class="item" effect="dark" content="修改" placement="bottom-start">
                        <el-button type="success" icon="el-icon-edit" plain circle
                            v-hasPermi="['archive:dazj:updateFolder']" size="small"
                            @click="handleDazjDeit(scope.row, 0)"></el-button>
                    </el-tooltip>
                    <el-tooltip v-if="subString == 'V'" class="item" effect="dark" content="修改" placement="bottom-start">
                        <el-button type="success" icon="el-icon-edit" plain circle v-hasPermi="['archive:dazj:updateYqda']"
                            size="small" @click="handleDazjDeit(scope.row, 1)"></el-button>
                    </el-tooltip>
                </template>
            </el-table-column>
            <!-- end 文件整理双击后修改 -->

            <!-- start  开放档案鉴定  调档弹窗页面 -->
            <el-table-column v-if="isKFJDDD" label="是否已添加任务" align="center" header-align="center" prop="HAD" width="130px">
                <template slot-scope="scope">
                    <span>{{ scope.row.HAD == '1' ? '是' : '否' }}</span>
                </template>
            </el-table-column>
            <!-- end 开放档案鉴定  调档弹窗页面-->
            <el-table-column v-if="isOpenFinds" label="标记分配" align="center" class-name="small-padding fixed-width">
                <template slot-scope="scope">

                    <el-checkbox-group v-if="isRyType == 0" v-model="scope.row.CHUSHENMARK"
                        @change="changeCheckBoxTap(scope.row.CHUSHENMARK, scope.row)">
                        <el-checkbox></el-checkbox>
                    </el-checkbox-group>

                    <el-checkbox-group v-else v-model="scope.row.FUSHENMARK"
                        @change="changeCheckBoxTap(scope.row.FUSHENMARK, scope.row)">
                        <el-checkbox></el-checkbox>
                    </el-checkbox-group>
                </template>
            </el-table-column>
            <!-- start 全文/目录检索 -->
            <el-table-column v-if="isRetrieval" label="操作" align="center" class-name="small-padding fixed-width">
                <template slot-scope="scope">
                    <el-button v-show="scope.row.is_borrowing_car == '1'" type="text" icon="el-icon-shopping-cart-2"
                        @click="handleBorrow(scope.row)"></el-button>
                </template>
            </el-table-column>
            <!-- start 全文/目录检索 -->
            <!-- start  开放档案初审页面列表展示数据 开放档案复审页面列表展示数据 -->
            <el-table-column v-if="isChuSHen || isFuSHen" label="操作" align="center" class-name="small-padding fixed-width"
                fixed="left">
                <template slot-scope="scope">
                    <el-button type="text" icon="el-icon-tickets" @click="shengchaclick(scope.row)">审查</el-button>
                </template>
            </el-table-column>
            <!-- end  开放档案初审页面列表展示数据 开放档案复审页面列表展示数据 -->
            <!-- start 长期保存初审页面列表展示数据 长期保存复审页面列表展示数据 -->
            <el-table-column v-if="isChuSHen && iskfjdorbgqx == 1" label="初审处置方式" align="center"
                class-name="small-padding fixed-width" width="120px">
                <template slot-scope="scope">
                    <el-select placeholder="请选择" v-model="scope.row.CHUSHEN_CHUZHIFANGSHI"
                        @change="onBlurDeitTap(scope.row, 4)">
                        <el-option v-for="item in czfsList" :key="item.value" :label="item.label"
                            :value="item.value"></el-option>
                    </el-select>
                </template>
            </el-table-column>

            <el-table-column v-if="isFuSHen && iskfjdorbgqx == 1" label="复审处置方式" align="center"
                class-name="small-padding fixed-width" width="120px">
                <template slot-scope="scope">
                    <el-select placeholder="请选择" v-model="scope.row.FUSHEN_CHUZHIFANGSHI"
                        @change="onBlurDeitTap(scope.row, 4)">
                        <el-option v-for="item in czfsList" :key="item.value" :label="item.label"
                            :value="item.value"></el-option>
                    </el-select>
                </template>
            </el-table-column>
            <!-- end  开放档案初审页面列表展示数据 开放档案复审页面列表展示数据 -->
            <!-- start 开放档案初审页面列表展示数据 -->
            <el-table-column v-if="isChuSHen" label="初审鉴定" align="center" width="125">
                <template slot-scope="scope">
                    <el-select v-if="iskfjdorbgqx == '0'" placeholder="请选择" v-model="scope.row.CHUSHEN_JIANDING"
                        @change="onBlurDeitTap(scope.row, 1)">
                        <el-option v-for="item in dict.type.IS_OPENS" :key="item.value" :label="item.label"
                            :value="item.value"></el-option>
                    </el-select>
                    <el-select v-else-if="iskfjdorbgqx == '1'" placeholder="请选择" v-model="scope.row.CHUSHEN_JIANDING"
                        @change="onBlurDeitTap(scope.row, 1)"
                        :disabled="scope.row.CHUSHEN_CHUZHIFANGSHI == 1 ? false : true">
                        <el-option v-for="item in dict.type.BGQX" :key="item.value" :label="item.label"
                            :value="item.value"></el-option>
                    </el-select>
                    <el-select v-else-if="iskfjdorbgqx == '2'" placeholder="请选择" v-model="scope.row.CHUSHEN_JIANDING"
                        @change="onBlurDeitTap(scope.row, 1)">
                        <el-option v-for="item in XH" :key="item.value" :label="item.label" :value="item.value"></el-option>
                    </el-select>
                    <el-select v-else-if="iskfjdorbgqx == '3'" placeholder="请选择" v-model="scope.row.CHUSHEN_JIANDING"
                        @change="onBlurDeitTap(scope.row, 1)">
                        <el-option v-for="item in renyuanOptions" :key="item.dictValue" :label="item.dictLabel"
                            :value="item.dictValue"></el-option>
                    </el-select>
                    <el-select v-else placeholder="请选择" v-model="scope.row.CHUSHEN_JIANDING"
                        @change="onBlurDeitTap(scope.row, 1)">
                        <!--                        <el-option label="请选择" value="0"></el-option>-->
                        <el-option v-for="item in dict.type.BGQX" :key="item.value" :label="item.label"
                            :value="item.value"></el-option>
                    </el-select>
                </template>
            </el-table-column>
            <el-table-column v-if="isChuSHen && iskfjdorbgqx == '0'" label="初审控制理由" prop="CHUSHEN_LIYOU" align="center"
                width="425">
                <template slot-scope="scope">
                    <el-select placeholder="请选择" :disabled="scope.row.CHUSHEN_JIANDING == 0 ? false : true"
                        v-model="scope.row.CHUSHEN_LIYOU" style="width:100%" @change="onBlurDeitTap(scope.row, 2)">
                        <el-option v-for="item in dict.type.CSLY" :key="item.value" :label="item.label"
                            :value="item.value"></el-option>
                    </el-select>
                </template>
            </el-table-column>

            <el-table-column v-if="isChuSHen" label="备注" prop="CHUSHEN_BEIZHU" align="center" width="325">
                <template slot-scope="scope">
                    <el-input v-model="scope.row.CHUSHEN_BEIZHU" @blur="onBlurDeitTap(scope.row, 3)"></el-input>
                </template>
            </el-table-column>
            <!-- end 开放档案初审页面列表展示数据 -->
            <!--start  审核状态 isChuSHen    如果 CHUSHEN_JIANDING==0 or CHUSHEN_JIANDING==1  已审核    否则就是未审核-->
            <el-table-column v-if="isChuSHen" label="是否已提交" prop="CHUSHEN_TIJIAO" align="center" width="125">
                <template slot-scope="scope">
                    <span>{{ scope.row.CHUSHEN_TIJIAO == 1 ? '是' : '否' }}</span>
                </template>
            </el-table-column>
            <el-table-column v-if="isChuSHen&& iskfjdorbgqx == '0'" label="审核状态" align="center" width="125">
                <template slot-scope="scope">
                    <span>{{ scope.row.CHUSHEN_JIANDING == null ? '未审核' : '已审核' }}</span>
                </template>
            </el-table-column>

            <!--end  审核状态 isChuSHen-->


            <!-- start 开放档案复审页面列表展示数据 -->
            <el-table-column v-if="isFuSHen" label="复审鉴定" align="center" width="125">
                <template slot-scope="scope">

                    <el-select v-if="iskfjdorbgqx == '0'" placeholder="请选择" v-model="scope.row.FUSHEN_JIANDING"
                        @change="onBlurDeitTap(scope.row, 1)">
                        <el-option v-for="item in dict.type.IS_OPENS" :key="item.value" :label="item.label"
                            :value="item.value"></el-option>
                    </el-select>
                    <el-select v-else-if="iskfjdorbgqx == '1'" placeholder="请选择" v-model="scope.row.FUSHEN_JIANDING"
                        @change="onBlurDeitTap(scope.row, 1)"
                        :disabled="scope.row.FUSHEN_CHUZHIFANGSHI == 1 ? false : true">
                        <el-option v-for="item in dict.type.BGQX" :key="item.value" :label="item.label"
                            :value="item.value"></el-option>
                    </el-select>
                    <el-select v-else-if="iskfjdorbgqx == '2'" placeholder="请选择" v-model="scope.row.FUSHEN_JIANDING"
                        @change="onBlurDeitTap(scope.row, 1)">
                        <el-option v-for="item in XH" :key="item.value" :label="item.label" :value="item.value"></el-option>
                    </el-select>
                    <el-select v-else-if="iskfjdorbgqx == '3'" placeholder="请选择" v-model="scope.row.FUSHEN_JIANDING"
                        @change="onBlurDeitTap(scope.row, 1)">
                        <el-option v-for="item in renyuanOptions" :key="item.dictValue" :label="item.dictLabel"
                            :value="item.dictValue"></el-option>
                    </el-select>
                    <el-select v-else placeholder="请选择" v-model="scope.row.FUSHEN_JIANDING"
                        @change="onBlurDeitTap(scope.row, 1)">
                        <!--                        <el-option label="请选择" value="0"></el-option>-->
                        <el-option v-for="item in dict.type.BGQX" :key="item.value" :label="item.label"
                            :value="item.value"></el-option>
                    </el-select>
                </template>
            </el-table-column>
            <el-table-column v-if="isFuSHen && iskfjdorbgqx == '0'" label="复审控制理由" prop="FUSHEN_LIYOU" align="center"
                width="425">
                <template slot-scope="scope">
                    <el-select placeholder="请选择" :disabled="scope.row.FUSHEN_JIANDING == 0 ? false : true"
                        v-model="scope.row.FUSHEN_LIYOU" style="width:100%" @change="onBlurDeitTap(scope.row, 2)">
                        <el-option v-for="item in dict.type.CSLY" :key="item.value" :label="item.label"
                            :value="item.value"></el-option>
                    </el-select>
                </template>
            </el-table-column>
            <el-table-column v-if="isFuSHen" label="备注" prop="FUSHEN_BEIZHU" align="center" width="325">
                <template slot-scope="scope">
                    <el-input v-model="scope.row.FUSHEN_BEIZHU" @blur="onBlurDeitTap(scope.row, 3)"></el-input>
                </template>
            </el-table-column>
            <!-- end 开放档案复审页面列表展示数据 -->

            <!--start  审核状态 isfuSHen-->
            <el-table-column v-if="isFuSHen" label="是否已提交" prop="CHUSHEN_TIJIAO" align="center" width="125">
                <template slot-scope="scope">
                    <span>{{ scope.row.FUSHEN_TIJIAO == 1 ? '是' : '否' }}</span>
                </template>
            </el-table-column>
            <el-table-column v-if="isFuSHen && iskfjdorbgqx == '0'" label="审核状态" align="center" width="125">
                <template slot-scope="scope">
                    <span>{{ scope.row.FUSHEN_JIANDING == null ? '未审核' : '已审核' }}</span>
                </template>
            </el-table-column>
            <!--end  审核状态 isfuSHen-->

            <!--start 开放鉴定的 审核状态 isShending  -->
            <el-table-column v-if="isShending && iskfjdorbgqx == '0'" label="审定结果" align="center" width="125">
                <template slot-scope="scope">
                    <div v-if="scope.row.SHENDING_STATE == null">
                        <span v-for="(i, idx) in dict.type.IS_OPENS" :key="idx">
                            {{ scope.row.FUSHEN_JIANDING == i.value ? i.label : '' }}
                        </span>

                    </div>
                    <div>
                        <span v-for="(i, idx) in dict.type.IS_OPENS" :key="idx">
                            {{ scope.row.SHENDING_STATE == i.value ? i.label : '' }}
                        </span>
                    </div>
                </template>
            </el-table-column>
            <!--end 开放鉴定的 审核状态 isShending-->

            <!--start 保管期限的 审核状态 isFuSHen-->
            <el-table-column v-if="isChuSHen&& iskfjdorbgqx == '1'" label="审核状态" align="center" width="125">
                <template slot-scope="scope">
                    <span>{{ scope.row.CHUSHEN_CHUZHIFANGSHI == null ? '未审核' : '已审核' }}</span>
                </template>
            </el-table-column>
            <el-table-column v-if="isFuSHen && iskfjdorbgqx == '1'" label="审核状态" align="center" width="125">
                <template slot-scope="scope">
                    <span>{{ scope.row.FUSHEN_CHUZHIFANGSHI == null ? '未审核' : '已审核' }}</span>
                </template>
            </el-table-column>
            <!--end  保管期限的  审核状态 isFuSHen-->
            <!--start 保管期限的 审核状态 isShending  -->
            <el-table-column v-if="isShending && iskfjdorbgqx == '1'" label="审定结果" align="center" width="125">
                <template slot-scope="scope">
                    <div v-if="scope.row.SHENDING_STATE == null">
                        <span v-for="(i, idx) in dict.type.BGQX" :key="idx">
                            {{ scope.row.FUSHEN_JIANDING == i.value ? i.label : '' }}
                        </span>

                    </div>
                    <div>
                        <span v-for="(i, idx) in dict.type.BGQX" :key="idx">
                            {{ scope.row.SHENDING_STATE == i.value ? i.label : '' }}
                        </span>
                    </div>
                </template>
            </el-table-column>
            <!--end 保管期限的 审核状态 isShending-->
            <!--start 保管期限的 1)加一列‘审定处置方式’，值取：续存、销毁
                2)加一列‘初审处置方式’，值取：续存、销毁
                3)加一列‘复审处置方式’，值取：续存、销毁 isShending  -->
            <el-table-column v-if="isShending && iskfjdorbgqx == '1'" label="初审处置方式" align="center" width="125">
                <template slot-scope="scope">
                    <div>
                        <span v-for="(i, idx) in czfsList" :key="idx">
                            {{ scope.row.CHUSHEN_CHUZHIFANGSHI == i.value ? i.label : '' }}
                        </span>
                    </div>
                </template>
            </el-table-column>

            <el-table-column v-if="isShending && iskfjdorbgqx == '1'" label="复审处置方式" align="center" width="125">
                <template slot-scope="scope">
                    <div>
                        <span v-for="(i, idx) in czfsList" :key="idx">
                            {{ scope.row.FUSHEN_CHUZHIFANGSHI == i.value ? i.label : '' }}
                        </span>
                    </div>
                </template>
            </el-table-column>

            <el-table-column v-if="isShending && iskfjdorbgqx == '1'" label="审定处置方式" align="center" width="125">
                <template slot-scope="scope">
                    <div>
                        <span v-for="(i, idx) in czfsList" :key="idx">
                            {{ scope.row.SHENDING_CHUZHIFANGSHI == i.value ? i.label : '' }}
                        </span>
                    </div>
                </template>
            </el-table-column>
            <!--end 保管期限的 1)加一列‘审定处置方式’，值取：续存、销毁
2)加一列‘初审处置方式’，值取：续存、销毁
3)加一列‘复审处置方式’，值取：续存、销毁 isShending-->

            <!--start 销毁 审核状态 isFuSHen-->
            <el-table-column v-if="isFuSHen && iskfjdorbgqx == '2'" label="审核状态" align="center" width="125">
                <template slot-scope="scope">
                    <span>{{ scope.row.FUSHEN_JIANDING == null ? '未审核' : '已审核' }}</span>
                </template>
            </el-table-column>
            <!--end  销毁  审核状态 isFuSHen-->
            <!--start 销毁 审核状态 isShending  -->
            <el-table-column v-if="isShending && iskfjdorbgqx == '2'" label="审定结果" align="center">
                <template slot-scope="scope">
                    <div v-if="scope.row.SHENDING_STATE == null">
                        <span v-for="(i, idx) in XH" :key="idx">
                            {{ scope.row.FUSHEN_JIANDING == i.value ? i.label : '' }}
                        </span>

                    </div>
                    <div>
                        <span v-for="(i, idx) in XH" :key="idx">
                            {{ scope.row.SHENDING_STATE == i.value ? i.label : '' }}
                        </span>
                    </div>
                </template>
            </el-table-column>
            <!--end 销毁 审核状态 isShending-->

            <!--start 密级审核状态 isFuSHen-->
            <el-table-column v-if="isFuSHen && iskfjdorbgqx == '3'" label="审核状态" align="center" width="125">
                <template slot-scope="scope">
                    <span>{{ scope.row.FUSHEN_JIANDING == null ? '未审核' : '已审核' }}</span>
                </template>
            </el-table-column>
            <!--end  密级审核状态 isFuSHen-->
            <!--start 密级 审核状态 isShending  -->
            <el-table-column v-if="isShending && iskfjdorbgqx == '3'" label="审定结果" align="center">
                <template slot-scope="scope">
                    <div v-if="scope.row.SHENDING_STATE == null">
                        <span v-for="(i, idx) in renyuanOptions" :key="idx">
                            {{ scope.row.FUSHEN_JIANDING == i.dictValue ? i.dictLabel : '' }}
                        </span>
                    </div>
                    <div>
                        <span v-for="(i, idx) in renyuanOptions" :key="idx">
                            {{ scope.row.SHENDING_STATE == i.dictValue ? i.dictLabel : '' }}
                        </span>
                    </div>
                </template>
            </el-table-column>
            <!--end 密级 审核状态 isShending-->

            <!-- start 全文/目录检索 -->
            <el-table-column v-if="isRetrieval" label="类型" align="center" width="125">
                <template slot-scope="scope">
                    <el-select placeholder="请选择" v-model="scope.row.borrowType">
                        <el-option v-for="item in scope.row.typeOption" :key="item.value" :label="item.label"
                            :value="item.value"></el-option>
                    </el-select>
                </template>
            </el-table-column>
            <!-- end 全文/目录检索 -->

            <!-- start 处置鉴定 -->
            <el-table-column v-if="isCZJD" label="鉴定类型" align="center" header-align="center" prop="CZTYPE"
                width="200"></el-table-column>
            <!-- end 处置鉴定 -->

            <el-table-column v-for="(col, index) in tableHeaderList" :key="index" :prop="col.FIELD_NAME"
                :label="col.FIELD_CAPTION" :align="col.TH_ALIGN" :header-align="col.TH_ALIGN" :sortable="sortable"
                show-overflow-tooltip :render-header="renderHeader"
                :width="col.TH_WIDTH == null || col.TH_WIDTH == 0 || col.TH_WIDTH == 'null' ? '' : col.TH_WIDTH">
                <template slot-scope="scope">
                    <!-- {{ col.TH_WIDTH }} -->
                    <!-- {{scope.row["XMMC"]}} -->
                    <!-- {{ col.FIELD_NAME }} -->

                    <div v-if="scope.row[col.FIELD_NAME] != null">
                        <p v-if="col.FIELD_NAME == 'STATE'">
                            <span v-for="(i, idx) in dict.type.DA_STATE" :key="idx">
                                {{ scope.row[col.FIELD_NAME] == i.value ? i.label : '' }}
                            </span>
                        </p>

                        <p v-else-if="col.FIELD_NAME == 'IS_ZUJUAN'">
                            {{ scope.row[col.FIELD_NAME] == '1' ? '是' : '否' }}
                        </p>
                        <p v-else-if="col.FIELD_NAME == 'FOURCHECK'">

                            <el-button type="primary" size="mini" v-if="scope.row[col.FIELD_NAME] == '1'">通过</el-button>
                            <el-button type="danger" size="mini" v-else @click="handleFail(scope.row)">不通过</el-button>
                        </p>
                        <p v-else-if="col.SHOWTYPE == 5">
                            <span v-for="(i, idx) in dictList[col.FIELD_NAME]" :key="idx">

                                {{ scope.row[col.FIELD_NAME] == i.dictValue ? i.dictLabel : '' }}
                            </span>
                        </p>
                        <!-- start 开放档案初审页面列表展示数据 -->
                        <p v-else-if="col.FIELD_NAME == 'TITLE' && isChuSHen" v-html="scope.row.NEWTITLE">
                        </p>
                        <!-- end 开放档案初审页面列表展示数据 -->
                        <p v-else>{{ scope.row[col.FIELD_NAME] }} </p>
                    </div>
                </template>
            </el-table-column>
            <!-- start 开放档案初审页面列表展示数据 -->
            <el-table-column v-if="isChuSHen" label="初审人" prop="CHUSHEN_PERSONNAME" align="center" width="125">
            </el-table-column>
            <el-table-column v-if="isChuSHen && iskfjdorbgqx == '0'" label="建议初审鉴定" prop="CHUSHEN_JIANDING" align="center"
                width="125">
                <template slot-scope="scope">

                    {{ scope.row.JIANYI_CHUSHEN == 1 ? "控制" : "开放" }}

                    <!-- <span v-for="(i, idx) in dict.type.IS_OPENS" :key="idx">
                        {{ scope.row.JIANYI_CHUSHEN == i.value ? i.label : '' }}
                    </span> -->
                </template>
            </el-table-column>

            <!-- end 开放档案初审页面列表展示数据 -->

            <!-- start 开放档案复审页面列表展示数据 -->
            <el-table-column v-if="isFuSHen" label="初审人" prop="CHUSHEN_PERSONNAME" align="center" width="125">
            </el-table-column>
            <el-table-column v-if="isFuSHen && iskfjdorbgqx == '1'" label="初审处置方式" prop="CHUSHEN_CHUZHIFANGSHI" align="center"
                width="125">
                <template slot-scope="scope">
                    <div>
                        <span v-for="(i, idx) in czfsList" :key="idx">
                            {{ scope.row.CHUSHEN_CHUZHIFANGSHI == i.value ? i.label : '' }}
                        </span>
                    </div>
                </template>
            </el-table-column>
            <el-table-column v-if="isFuSHen" label="初审鉴定" prop="CHUSHEN_JIANDING" align="center" width="125">
                <template slot-scope="scope">
                    <p v-if="iskfjdorbgqx == '0'">
                        <span v-for="(i, idx) in dict.type.IS_OPENS" :key="idx">
                            {{ scope.row.CHUSHEN_JIANDING == i.value ? i.label : '' }}
                        </span>
                    </p>
                    <p v-else-if="iskfjdorbgqx == '1'">
                        <span v-for="(i, idx) in dict.type.BGQX" :key="idx">
                            {{ scope.row.CHUSHEN_JIANDING == i.value ? i.label : '' }}
                        </span>
                    </p>
                    <p v-else-if="iskfjdorbgqx == '3'">
                        <span v-for="(i, idx) in renyuanOptions" :key="idx">
                            {{ scope.row.CHUSHEN_JIANDING == i.dictValue ? i.dictLabel : '' }}
                        </span>
                    </p>
                    <p v-else>
                        <span v-for="(i, idx) in XH" :key="idx">
                            {{ scope.row.CHUSHEN_JIANDING == i.value ? i.label : '' }}
                        </span>
                    </p>
                </template>
            </el-table-column>
            <el-table-column v-if="isFuSHen && iskfjdorbgqx == '0'" label="初审控制理由" prop="CHUSHEN_LIYOU" align="center"
                width="425">
                <template slot-scope="scope">
                    <span v-for="(i, idx) in dict.type.CSLY" :key="idx">
                        {{ scope.row.CHUSHEN_LIYOU == i.value ? i.label : '' }}
                    </span>

                </template>
            </el-table-column>
            <el-table-column v-if="isFuSHen" label="初审备注" prop="CHUSHEN_BEIZHU" align="center" width="125">
            </el-table-column>
            <el-table-column v-if="isFuSHen" label="复审人" prop="FUSHEN_PERSONNAME" align="center" width="125">
            </el-table-column>
            <!-- end 开放档案复审页面列表展示数据 -->

            <!--start 开放档案审定页面列表展示数据 、审核记录-->
            <el-table-column v-if="isShending" label="初审人" prop="CHUSHEN_PERSONNAME" align="center">
            </el-table-column>
            <el-table-column v-if="isShenjl" label="初审人" prop="CHUSHEN_PERSON" align="center" width="125">
            </el-table-column>
            <el-table-column v-if="isShenjl && iskfjdorbgqx == '1'" label="初审处置方式" align="center" width="125">
                <template slot-scope="scope">
                    <div>
                        <span v-for="(i, idx) in czfsList" :key="idx">
                            {{ scope.row.CHUSHEN_CHUZHIFANGSHI == i.value ? i.label : '' }}
                        </span>
                    </div>
                </template>
            </el-table-column>
            <el-table-column v-if="isShending || isShenjl" label="初审鉴定" prop="CHUSHEN_JIANDING" align="center">
                <template slot-scope="scope">
                    <p v-if="iskfjdorbgqx == '0'">
                        <span v-for="(i, idx) in dict.type.IS_OPENS" :key="idx">
                            {{ scope.row.CHUSHEN_JIANDING == i.value ? i.label : '' }}
                        </span>
                    </p>
                    <p v-else-if="iskfjdorbgqx == '2'">
                        <span v-for="(i, idx) in XH" :key="idx">
                            {{ scope.row.CHUSHEN_JIANDING == i.value ? i.label : '' }}
                        </span>
                    </p>
                    <p v-else-if="iskfjdorbgqx == '3'">
                        <span v-for="(i, idx) in renyuanOptions" :key="idx">
                            {{ scope.row.CHUSHEN_JIANDING == i.dictValue ? i.dictLabel : '' }}
                        </span>
                    </p>
                    <p v-else>
                        <span v-for="(i, idx) in dict.type.BGQX" :key="idx">
                            {{ scope.row.CHUSHEN_JIANDING == i.value ? i.label : '' }}
                        </span>
                    </p>

                </template>
            </el-table-column>
            <el-table-column v-if="isShending || isShenjl" label="初审备注" prop="CHUSHEN_BEIZHU" align="center"
                width="125"></el-table-column>
            <el-table-column v-if="(isShending || isShenjl) && iskfjdorbgqx == '0'" label="初审控制理由" prop="CHUSHEN_LIYOU"
                align="center" width="425">
                <template slot-scope="scope">
                    <span v-for="(i, idx) in dict.type.CSLY" :key="idx">
                        {{ scope.row.CHUSHEN_LIYOU == i.value ? i.label : '' }}
                    </span>
                </template>
            </el-table-column>
            <el-table-column v-if="isShending" label="复审人" prop="FUSHEN_PERSONNAME" align="center">
            </el-table-column>
            <el-table-column v-if="isShenjl" label="复审人" prop="FUSHEN_PERSON" align="center" width="125">
            </el-table-column>
            <el-table-column v-if="isShenjl && iskfjdorbgqx == '1'" label="复审处置方式" align="center" width="125">
                <template slot-scope="scope">
                    <div>
                        <span v-for="(i, idx) in czfsList" :key="idx">
                            {{ scope.row.FUSHEN_CHUZHIFANGSHI == i.value ? i.label : '' }}
                        </span>
                    </div>
                </template>
            </el-table-column>

            <el-table-column v-if="isShending || isShenjl" label="复审鉴定" prop="FUSHEN_JIANDING" align="center">
                <template slot-scope="scope">

                    <p v-if="iskfjdorbgqx == '0'">
                        <span v-for="(i, idx) in dict.type.IS_OPENS" :key="idx">
                            {{ scope.row.FUSHEN_JIANDING == i.value ? i.label : '' }}
                        </span>
                    </p>
                    <p v-else-if="iskfjdorbgqx == '2'">
                        <span v-for="(i, idx) in XH" :key="idx">
                            {{ scope.row.FUSHEN_JIANDING == i.value ? i.label : '' }}
                        </span>
                    </p>
                    <p v-else-if="iskfjdorbgqx == '3'">
                        <span v-for="(i, idx) in renyuanOptions" :key="idx">
                            {{ scope.row.FUSHEN_JIANDING == i.dictValue ? i.dictLabel : '' }}
                        </span>
                    </p>
                    <p v-else>
                        <span v-for="(i, idx) in dict.type.BGQX" :key="idx">
                            {{ scope.row.FUSHEN_JIANDING == i.value ? i.label : '' }}
                        </span>
                    </p>
                </template>



            </el-table-column>
            <el-table-column v-if="isShending || isShenjl" label="复审备注" prop="FUSHEN_BEIZHU" align="center"
                width="125"></el-table-column>
            <el-table-column v-if="(isShending || isShenjl) && iskfjdorbgqx == '0'" label="复审控制理由" prop="FUSHEN_LIYOU"
                align="center" width="425">
                <template slot-scope="scope">
                    <span v-for="(i, idx) in dict.type.CSLY" :key="idx">
                        {{ scope.row.FUSHEN_LIYOU == i.value ? i.label : '' }}
                    </span>

                </template>
            </el-table-column>

            <!-- <el-table-column v-if="isShending || isShenjl" label="审定人员" prop="FUSHEN_JIANDING" align="center" width="125"> -->

            <!-- </el-table-column> -->
            <el-table-column v-if="isShenjl&& iskfjdorbgqx != '1'" label="审定结果" prop="SHENDING_STATE" align="center" width="425">
                <template slot-scope="scope">
                    <p v-if="iskfjdorbgqx == '0'">
                        <span v-for="(i, idx) in dict.type.IS_OPENS" :key="idx">
                            {{ scope.row.SHENDING_STATE == i.value ? i.label : '' }}
                        </span>
                    </p>
                    <p v-else-if="iskfjdorbgqx == '2'">
                        <span v-for="(i, idx) in XH" :key="idx">
                            {{ scope.row.SHENDING_STATE == i.value ? i.label : '' }}
                        </span>
                    </p>
                    <p v-else-if="iskfjdorbgqx == '3'">
                        <span v-for="(i, idx) in renyuanOptions" :key="idx">
                            {{ scope.row.SHENDING_STATE == i.dictValue ? i.dictLabel : '' }}
                        </span>
                    </p>
                    <p v-else>
                        <span v-for="(i, idx) in dict.type.BGQX" :key="idx">
                            {{ scope.row.SHENDING_STATE == i.value ? i.label : '' }}
                        </span>
                    </p>
                </template>
            </el-table-column>




            <el-table-column v-if="isShenjl && iskfjdorbgqx == '1'" label="审定处置方式" align="center" width="125">
                <template slot-scope="scope">
                    <div>
                        <span v-for="(i, idx) in czfsList" :key="idx">
                            {{ scope.row.SHENDING_CHUZHIFANGSHI == i.value ? i.label : '' }}
                        </span>
                    </div>
                </template>
            </el-table-column>
            <!--end 开放档案审定页面列表展示数据 -->


            <!-- start  开放档案鉴定  详情弹窗页面 -->
            <el-table-column v-if="isKFJDDetail" label="是否已添加任务" align="center" header-align="center" prop="CHUSHEN_PERSON"
                width="130px">
                <template slot-scope="scope">
                    <span>{{ scope.row.HAD == '1' ? '是' : '否' }}</span>
                </template>
            </el-table-column>
            <el-table-column v-if="isKFJDDetail" label="初审人" align="center" header-align="center"
                prop="CHUSHEN_PERSON"></el-table-column>
            <el-table-column v-if="isKFJDDetail" label="初审状态" align="center" header-align="center" prop="CHUSHEN_TIJIAO">
                <template slot-scope="scope">
                    <span>{{ scope.row.CHUSHEN_TIJIAO == null ? '未审核' : '已审核' }}</span>
                </template>
            </el-table-column>
            <el-table-column v-if="isKFJDDetail" label="复审人" align="center" header-align="center"
                prop="FUSHEN_PERSON"></el-table-column>
            <el-table-column v-if="isKFJDDetail" label="复审状态" align="center" header-align="center" prop="FUSHEN_TIJIAO">
                <template slot-scope="scope">
                    <span>{{ scope.row.FUSHEN_TIJIAO == null ? '未审核' : '已审核' }}</span>
                </template>
            </el-table-column>
            <!-- end  开放档案鉴定  详情弹窗页面 -->
        </el-table>

    </div>
</template>

<script>
var datalist;
import { getTypeObject } from '@/api/archive/dict/dictManageData'
import {
    getdamjbyrymj
} from "@/api/archive/fileCollection/offlinReception.js";
export default {

    //  props: ["tableHeaderList", "tableData", "loading", "tableHeight", "isRetrieval", "isOpenFinds"],
    props: {
        isCZJD: {
            type: Boolean,
            default: false
        },
        //:iskfjdorbgqx="0"  开放鉴定   :iskfjdorbgqx="1" 保管期限   :iskfjdorbgqx="2" 销毁鉴定  :iskfjdorbgqx="3" 密级鉴定
        iskfjdorbgqx: {
            type: [String, Number],
            default: 0
        },
        //isRyType  //判断初审标记分配还是复审标记分配
        isRyType: {
            type: [String, Number],
            default: 0
        },
        //isChuSHen      开放档案初审 列表是否展示，默认不展示，传true 是展示
        isChuSHen: {
            type: Boolean,
            default: false
        },
        //isFuSHen   开放档案复审 列表是否展示，默认不展示，传true 是展示
        isFuSHen: {
            type: Boolean,
            default: false
        },
        // isShending 开放审定 默认不展示，传true 是展示
        isShending: {
            type: Boolean,
            default: false
        },
        //isShenjl  审核记录 默认不展示，传true 是展示
        isShenjl: {
            type: Boolean,
            default: false
        },
        //开放档案鉴定  详情页面    默认不展示，传true 是展示
        isKFJDDetail: {
            type: Boolean,
            default: false
        },

        //开放档案鉴定  调档页面    默认不展示，传true 是展示
        isKFJDDD: {
            type: Boolean,
            default: false
        },
        // isSelection      复选框是否显示 false 隐藏  true 显示
        isSelection: {
            type: Boolean,
            default: true
        },
        // isProjectJuanList 操作  （修改是否显示） true 显示   false隐藏
        isProjectJuanList: {
            type: Boolean,
            default: false
        },
        loading: {
            type: Boolean,
            default: false
        },
        tableHeight: {
            type: [String, Number],
            default: {}
        },
        isRetrieval: {
            type: Boolean,
            default: false
        },
        isOpenFinds: {
            type: Boolean,
            default: false
        },
        tableHeaderList: {
            type: [Array, Object, String],
            default: {}
        },
        tableData: {
            type: [Array, Object, String],
            default: {}
        },
        // isDgdUpdate 操作  （待归档案卷双击修改件按钮是否显示） true 显示   false隐藏
        isDgdUpdate: {
            type: Boolean,
            default: false
        },
        // isLxjsUpdate 操作  （离线接收双击修改件按钮是否显示） true 显示   false隐藏
        isLxjsUpdate: {
            type: Boolean,
            default: false
        },
        // isWjzlUpdate 操作  （文件整理双击修改件按钮是否显示） true 显示   false隐藏
        isWjzlUpdate: {
            type: Boolean,
            default: false
        },
        // isDazjUpdate 操作  （档案征集双击修改件按钮是否显示） true 显示   false隐藏
        isDazjUpdate: {
            type: Boolean,
            default: false
        },
        // 用于分辨案卷/文件层
        subString: {
            type: String,
            default: ''
        },
        // 用于table横向滚动条
        tableId: {
            type: String,
            default: ''
        }
    },
    archive_Dicts: ['MJ', 'BGQX', 'IS_OPENS', 'CSLY', 'JS_TYPE', 'DA_STATE'],
    watch: {
        tableData: {
            handler(val) {
            },
            immediate: true
        },
        tableHeaderList: {
            handler(val) {
                var headerlist = [];
                for (var i = 0; i < this.tableHeaderList.length; i++) {
                    if (this.tableHeaderList[i].SHOWTYPE.toString().indexOf('5') != -1) {
                        this.tableHeaderList[i].SHOWTYPE = 5
                    }
                    if (this.tableHeaderList[i].SHOWTYPE == 5) {
                        headerlist.push(this.tableHeaderList[i].FIELD_NAME)
                    }
                }
                // console.log(headerlist,"++++")
                if (headerlist.length > 0) {
                    getTypeObject(headerlist, {}).then((res) => {
                        this.dictList = res.data;

                    })
                }


            },
            immediate: true
        },
        iskfjdorbgqx: {
            handler(val) {
                if (val == "3") {
                    getTypeObject("MJ").then(res => { //人员密级
                        getdamjbyrymj().then(resdata => { //此接口没有返回dictLabel，需要组装接口
                            var mjdata = [];
                            for (var i in resdata.data) {
                                for (var j in res.data.MJ) {
                                    //  console.log(resdata.data[i].daMj, res.data.MJ[j].dictValue)
                                    if (resdata.data[i].daMj == res.data.MJ[j].dictValue) {
                                        mjdata.push(res.data.MJ[j])
                                    }
                                }
                            }

                            this.renyuanOptions = mjdata

                        })
                    })
                }
            }, immediate: true
        }
    },
    data() {
        return {
            renyuanOptions: [],
            ids: [],
            single: "",
            multiple: "",
            sortable: "custom",
            orderList: "",
            dictList: {},  //字典项

            /*1:预归档-未接收
            2:预归档-已接收
            3:数字化成果未接收
            4:归档审批中
            5:已归档
            6:移交审批中
            7:已移交
            8:销毁
            9:预归档审批中
            10:预归档*/
            // stateOption: [
            //     { value: 1, label: '预归档-未接收' },
            //     { value: 2, label: '预归档-已接收' },
            //     { value: 3, label: '数字化成果未接收' },
            //     { value: 4, label: '归档审批中' },
            //     { value: 5, label: '已归档' },
            //     { value: 6, label: '移交审批中' },
            //     { value: 7, label: '已移交' },
            //     { value: 8, label: '销毁' },
            //     { value: 9, label: '预归档审批中' },
            //     { value: 10, label: '预归档' },
            // ],

            // 1= 销毁  0=不销毁
            XH: [
                { value: "1", label: '销毁' },
                { value: "0", label: '不销毁' },
            ],
            czfsList: [
                { value: "1", label: '续存' },
                { value: "2", label: '销毁' },
                //   ],
                // // 整理状态
                //   organized: [
                //     { value: '0', label: '未整理'},
                //     { value: '1', label: '已整理'},
            ]

        }
    },
    mounted() {
        // 自己随便设置个id， el-table res="historyTable"
        if (this.tableId != '') {
            this.$refs.reftable.bodyWrapper.id = this.tableId
            this.scrollFunction(this.domObj, this.tableId)
        } else {
            this.$refs.reftable.bodyWrapper.id = 'historyshop'
            this.scrollFunction(this.domObj, 'historyshop')
        }
    },
    updated() {
        this.$nextTick(() => {
            // 获取表格的整体宽度
            const tableWidth = this.$refs.reftable.$el.offsetWidth;
            var width = 100
            var lieCount = 0
            this.tableHeaderList.forEach(col => {
                // 检查每列的宽度是否为0，如果不为0则累加到总宽度中
                if (col.TH_WIDTH !== null && col.TH_WIDTH !== 0 && col.TH_WIDTH !== 'null') {
                    width += col.TH_WIDTH;
                    lieCount = lieCount + 1
                }
            });
            // 计算未设置宽度的列宽至少为多少
            const th_width = (tableWidth - width) / (this.tableHeaderList.length - lieCount)
            this.tableHeaderList.forEach(col => {
                if (col.TH_WIDTH == null || col.TH_WIDTH == 0 || col.TH_WIDTH == 'null' || col.TH_WIDTH == '') {
                    if (th_width > 200) {
                        col.TH_WIDTH = th_width
                    } else {
                        col.TH_WIDTH = 200
                    }
                }
            });
            this.$refs["reftable"].doLayout();
        });
    },
    created() {

    },
    methods: {

        // table_index(index) {
        //     return (this.queryParams.pageNum - 1) * this.queryParams.pageSize + index + 1;
        // },
        clearSort() {
            this.$refs.reftable.clearSort()    // 即可清除排序解决
        },
        //审查
        shengchaclick(row) {
            this.$emit("shengchaclick", row)
        },
        // 复选框判断不能选择
        checkboxTchu(row) {
            if(this.iskfjdorbgqx==1){
            if (row.CHUSHEN_CHUZHIFANGSHI == null) {
                return false;//禁用
            } else {
                return true;//不禁用
            }

        }else{
            if (row.CHUSHEN_JIANDING == null) {
                return false;//禁用
            } else {
                return true;//不禁用
            }
        }
        },


        // 复选框判断不能选择
        checkboxTfu(row) {
            if(this.iskfjdorbgqx==1){

            if (row.FUSHEN_CHUZHIFANGSHI == null) {
                return false;//禁用
            } else {
                return true;//不禁用
            }
        }else{
            if (row.CHUSHEN_JIANDING == null) {
                return false;//禁用
            } else {
                return true;//不禁用
            }
        }

        },


        //修改 type
        onBlurDeitTap(val, type) {
            if (type == 1 && type == 4) {
                for (var i in this.tableData) {
                    if (this.tableData[i].ID == val.ID) {
                        this.tableData[i].CHUSHEN_LIYOU = ""
                        this.tableData[i].FUSHEN_LIYOU = ""
                    }
                }

            }
            this.$emit("onBlurDeitTap", val, type)
        },
        // 表头部重新渲染
        renderHeader(h, { column, $index }) {
            // 新建一个 span
            let span = document.createElement('span');
            // 设置表头名称
            span.innerText = column.label;
            // 临时插入 document
            document.body.appendChild(span);
            // 重点：获取 span 最小宽度，设置当前列，注意这里加了 20，字段较多时还是有挤压，且渲染后的 div 内左右 padding 都是 10，所以 +20 。（可能还有边距/边框等值，需要根据实际情况加上）
            column.minWidth = span.getBoundingClientRect().width + 120;
            // 移除 document 中临时的 span
            document.body.removeChild(span);

            // var element = document.querySelector('.el-table__body-wrapper');
            // element.style.height = this.tableHeight - 52 + "px"

            return h('span', column.label);
        },


        // 多选框选中数据
        handleSelectionChange(selection) {
            this.ids = selection.map(item => item.ID)
            this.oagdbs = selection.map(item => item.OAGDWYBS)
            this.single = selection.length !== 1
            this.multiple = !selection.length

            this.$emit("handleSelectionChange", this.ids,this.oagdbs,this.single, this.multiple, selection)
           // this.$emit("handleSelectionChange", this.ids,this.single, this.multiple, selection)
        },


        //双击进入详情
        celldblclick(row, column, cell, event) {
            console.log(row, event)
            if (this.isRetrieval) {
                if (row.is_borrowing_car == '0') {
                    if (event.type == "dblclick") {
                        //  console.log(row,column,cell,event)
                        this.$emit("celldblclick", row)
                    }
                }
            } else {
                if (event.type == "dblclick") {
                    //  console.log(row,column,cell,event)
                    this.$emit("celldblclick", row)
                }
            }
        },
        //开放审定查看
        handleQuery(row) {
            this.$emit("celldblclick", row)
        },
        // 接受一个obj参数
        sortChange(obj) {
            console.log(obj)  // 排序规则
            if (obj.order != null) {
                this.orderList = obj.prop + " " + obj.order.substring(0, obj.order.length - 6)
            } else {
                this.orderList = ""
            }

            // if (obj.order != null) {
            //     var order = obj.order.substring(0, obj.order.length - 6)
            //     if (this.orderList.length <= 0) {
            //         this.orderList.push({
            //             prop: obj.prop,
            //             order: order
            //         })
            //     } else {
            //         for (var i in this.orderList) {
            //             if (this.orderList[i].prop == obj.prop) {
            //                 this.orderList[i].order = order
            //             }
            //         }
            //     }
            // } else {
            //     for (var i in this.orderList) {
            //         if (this.orderList[i].prop == obj.prop && obj.order == null) {
            //             this.orderList.splice(i, 1)
            //         }
            //     }
            // }
            // console.log(this.orderList, "dsfjkl")
            this.$emit("sortChange", this.orderList)

        },

        // 借阅车
        handleBorrow(row) {
            this.$emit('handleBorrow', row)
        },

        //标记分配
        changeCheckBoxTap(value, row) {
            this.$emit("changeCheckBoxTap", value, row)
        },

        //项目下修改卷列表
        handleProjectJuanDeit(row) {
            this.$emit("handledeitTap", row)
        },

        //调整审定结果
        handleSDJGDeit(row) {
            this.$emit("handleSDJGDeit", row)
        },

        rowcontextmenu(row) {
            if (this.isRetrieval == true) {
                event.preventDefault()
                this.$emit("rowcontextmenu", row)
            }
        },

        // 不通过
        handleFail(configuration) {
            this.$emit("handleFail", configuration.ID)
        },

        // 修改待归档 e:1 项目双击的卷修改  e: 0案卷双击的件修改
        handleDgdDeit(row, e) {
            this.$emit("handleDgdDeit", row, e)
        },
        // 修改离线接收 e:1 项目双击的卷修改  e: 0案卷双击的件修改
        handleLxjsDeit(row, e) {
            this.$emit("handleLxjsDeit", row, e)
        },
        // 修改文件整理 e:1 项目双击的卷修改  e: 0案卷双击的件修改
        handleWjzlDeit(row, e) {
            this.$emit("handleWjzlDeit", row, e)
        },
        // 修改档案征集 e:1 项目双击的卷修改  e: 0案卷双击的件修改
        handleDazjDeit(row, e) {
            this.$emit("handleDazjDeit", row, e)
        },


        // // 滑动效果  start
        // scrollFunction(obj, id) {
        //     obj = document.getElementById(id)

        //     if (obj.attachEvent) {
        //         obj.attachEvent('onmousewheel', this.mouseScroll(obj))
        //     } else if (obj.addEventListener) {
        //         obj.addEventListener('DOMMouseScroll', this.mouseScroll(obj), false)
        //     }
        //     obj.onmousewheel = obj.onmousewheel = this.mouseScroll(obj)
        // },
        // mouseScroll(obj, callback) {
        //     return function () {
        //         let e = window.event || document.all ? window.event : arguments[0] ? arguments[0] : event
        //         let detail, moveForwardStep, moveBackStep
        //         let step = 0
        //         if (e.wheelDelta) { // google 下滑负数： -120
        //             detail = e.wheelDelta
        //             moveForwardStep = -1
        //             moveBackStep = 1
        //         } else if (e.detail) { // firefox 下滑正数：3
        //             detail = event.detail
        //             moveForwardStep = 1
        //             moveBackStep = -1
        //         }
        //         // 鼠标滚轮距离
        //         step = detail > 0 ? moveForwardStep * 100 : moveBackStep * 100
        //         e.preventDefault()
        //         obj.scrollLeft = obj.scrollLeft + step
        //     }
        // },
        // // 滑动效果  end


    }
}
</script>

<style>
.el-table--medium .el-table__cell {
    padding: 6px 0 !important;
}

td>div {
    width: auto !important;
}



/* 修改升序箭头颜色 */
.caret-wrapper .sort-caret.ascending .sort-caret-inner {
    border-bottom-color: #111111;
    /* 修改为你想要的颜色 */
}

/* 修改降序箭头颜色 */
.caret-wrapper .sort-caret.descending .sort-caret-inner {
    border-top-color: #111111;
    /* 修改为你想要的颜色 */
}</style>
